* {
margin: 0;
padding: 0;
border: 0;
}

html, body {
width: 100%;
height: 100%;
}

* html #container_root {
height: 100%;
}

body {
background: #fff;
color: #333;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
font-size: .75em;
}

#container_root {
position: relative;
width: 100%;
margin: 0 auto;
min-height: 100%;
}

#container_root:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

#header {
background: #ffc;
width: 100%;
height: 100px;
text-align: center;
}

#header h1 {
font-weight: normal;
font-size: 2em;
line-height: 1em;
padding: 30px 0 0;
}

#leftside {
background: #A4D8F5;
width: 15%;
float: left;
padding: 10px;
margin: 10px 0;
}

#centralside {
width: 60%;
float: left;
padding: 10px;
margin: 10px 0;
}

#rightside {
background: #A4D8F5z;
width: 15%;
float: right;
padding: 10px;
margin: 10px 0;
}

.clearfloat {
clear: both;
}

.empty {
height: 50px;
}

#footer {
position: absolute;
bottom: 0;
height: 50px;
background: #333;
width: 100%;
color: #ccc;
font-size: .9em;
}


#footer p {
font-size: .9em;
padding: 20px 0 0;
text-align: center;
}

#footer a {
color: #fff;
}


#footer a:hover {
color: #999;
}

p {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.password_font {
font-family: arial, verdana, sans-serif;
font-size: 14px; color:green;
}



#submit {
  background: #d7d3d0 no-repeat 1px 1px;
  border:solid 1px #848388;
  font-size:14px;
  padding-left:20px;
  line-height:14px;
  width:101%;
}

#submit:focus {
  background-color:#F0F0F0;
}

#login_text {
  width:100%;
  border:solid 1px #848388;
  font-size:14px;
  background: #F0EDE8 no-repeat 1px 1px;
}
